diff options
Diffstat (limited to 'app/[lng]/evcp/(evcp)/items-tech/layout.tsx')
| -rw-r--r-- | app/[lng]/evcp/(evcp)/items-tech/layout.tsx | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/app/[lng]/evcp/(evcp)/items-tech/layout.tsx b/app/[lng]/evcp/(evcp)/items-tech/layout.tsx index 5eb88325..d375059b 100644 --- a/app/[lng]/evcp/(evcp)/items-tech/layout.tsx +++ b/app/[lng]/evcp/(evcp)/items-tech/layout.tsx @@ -1,6 +1,7 @@ import * as React from "react"
import { ItemTechContainer } from "@/components/items-tech/item-tech-container"
import { Shell } from "@/components/shell"
+import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"
// Layout 컴포넌트는 서버 컴포넌트입니다
export default function ItemsShipLayout({
@@ -17,9 +18,21 @@ export default function ItemsShipLayout({ return (
<Shell className="gap-4">
+ <React.Suspense
+ fallback={
+ <DataTableSkeleton
+ columnCount={6}
+ searchableColumnCount={1}
+ filterableColumnCount={2}
+ cellWidths={["10rem", "40rem", "12rem", "12rem", "8rem", "8rem"]}
+ shrinkZero
+ />
+ }
+ >
<ItemTechContainer itemTypes={itemTypes}>
{children}
</ItemTechContainer>
+ </React.Suspense>
</Shell>
)
}
|
